<html>
	<head>
		<link type="text/css" href="common/common.css" rel="stylesheet">
	</head>
	<body>
<script type="text/javascript" src="openflash/swfobject.js"></script>
<!-- 画图的逻辑代码 -->
<div style="text-align:left;height:200px;width:100%;position:relative;top:50px">
			<div id="chart" style="border:1px solid;width:250px;float:left;position:relative;left:50px;top:0px"></div>
			<div id="chart5" style="border:1px solid;width:250px;float:left;position:relative;left:100px;top:0px"></div>
			<div id="chart7" style="border:1px solid;width:250px;float:left;position:relative;left:150px;top:0px"></div>
		
</div>
<div style="text-align:left;height:200px;width:100%;position:relative;top:0px">
			<div id="chart9" style="border:1px solid;width:250px;float:left;position:relative;left:50px;top:50px"></div>
			<div id="chart10" style="border:1px solid;width:250px;float:left;position:relative;left:100px;top:50px"></div>
			<div id="chart11" style="border:1px solid;width:250px;float:left;position:relative;left:150px;top:50px"></div>
		
</div>
<p>
<div style="text-align:left;height:200px;width:100%;position:relative;top:50px">
			<div id="chart13" style="border:1px solid;width:250px;float:left;position:relative;left:50px;top:50px"></div>
			<div id="chart2" style="border:1px solid;width:250px;float:left;position:relative;left:100px;top:50px"></div>
			<div id="chart3" style="border:1px solid;width:250px;float:left;position:relative;left:150px;top:50px"></div>
		
</div>
<p>
<div style="text-align:left;height:200px;width:100%;position:relative;top:50px">
			<div id="chart4" style="border:1px solid;width:250px;float:left;position:relative;left:50px;top:50px"></div>
			<div id="chart6" style="border:1px solid;width:250px;float:left;position:relative;left:100px;top:50px"></div>
			<div id="chart8" style="border:1px solid;width:250px;float:left;position:relative;left:150px;top:50px"></div>
		
</div>
<p>
<div style="text-align:left;height:550px;width:100%;position:relative;top:50px">
			<div id="chart12" style="border:1px solid;width:250px;float:left;position:relative;left:50px;top:50px"></div>
			<div id="chart14" style="border:1px solid;width:250px;float:left;position:relative;left:100px;top:50px"></div>
			<div id="chart15" style="border:1px solid;width:250px;float:left;position:relative;left:150px;top:50px"></div>
		
</div>

<script type="text/javascript">
var so = new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so.addVariable("variables","true");
so.addVariable("title","Bar Charts 1,{font-size: 15}");
so.addVariable("y_legend","Open Flash Chart,12,0x736AFF");
so.addVariable("y_label_size","15");
so.addVariable("y_ticks","5,10,4");
so.addVariable("bar","40,0x9933CC,Page views,10");
so.addVariable("values","9,6,7,9,5,7,6,9,9");
so.addVariable("x_labels","Jan,Feb,Mar,Apr,May,Jun,Jul,Aug");
so.addVariable("x_axis_steps","2");
so.addVariable("y_max","20");
//"chart" is a div's id
so.write("chart");

var so2 = new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so2.addVariable("variables","true");
so2.addVariable("title","Line Charts 1,{color: #736AFF; font-size: 15;}");
so2.addVariable("y_legend","Open Flash Chart,#736AFF,12");
so2.addVariable("y_ticks","5,10,6");
so2.addVariable("x_label_style","10,#9933CC,2");
so2.addVariable("line_dot","3,0x16B64A,Avg. wave height (cm),10,3");
so2.addVariable("values","1.5,1.6986693307951,1.8894183423087,2.064642473395,2.2173560908995,2.3414709848079,2.4320390859672,2.4854497299885,2.4995736030415,2.4738476308782,2.4092974268257,2.3084964038196,2.1754631805512,2.0155013718215,1.8349881501559,1.6411200080599,1.4416258565724,1.2444588979732,1.0574795567051,0.88814210905728,0.74319750469207,0.62842422758641,0.54839792611048,0.50630899636654,0.50383539116416,0.54107572533686,0.61654534427985,0.72723551244401,0.86873336212768,1.0353978205862,1.2205845018011,1.4169105971825,1.6165492048505,1.8115413635134,1.9941133511386,2.1569865987188,2.2936678638492,2.3987080958116,2.4679196720315,2.4985433453746,2.4893582466234,2.4407305566798,2.3545989080883,2.2343970978741,2.0849171928918");
so2.addVariable("x_labels","2,2.1,2.2,2.3,2.4,2.5,3,3.1,3.2,3.3,3.4,3.5,4,4.1,4.2,4.3,4.4,4.5,5,5.1,5.2,5.3,5.4,5.5,6,,,,,,7,,,,,,8,,,,,,9");
so2.addVariable("y_min","0");
so2.addVariable("y_max","3");
so2.addVariable("x_label_style","13,0x9933CC,0,6");
so2.write("chart2");

var so3 = new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so3.addVariable("variables","true");
so3.addVariable("title","Line Charts 2,{color: #736AFF; font-size: 15;}");
so3.addVariable("x_legend","Waves in Feburary,10,0x736AFF");
so3.addVariable("y_legend","Wave height (cm),10,0x736AFF");
so3.addVariable("y_ticks","5,10,4");
so3.addVariable("line","3,#87421F");
so3.addVariable("inner_background","#E3F0FD,#CBD7E6,90");
so3.addVariable("values","1.5,1.6986693307951,1.8894183423087,2.064642473395,2.2173560908995,2.3414709848079,2.4320390859672,2.4854497299885,2.4995736030415,2.4738476308782,2.4092974268257,2.3084964038196,2.1754631805512,2.0155013718215,1.8349881501559,1.6411200080599,1.4416258565724,1.2444588979732,1.0574795567051,0.88814210905728,0.74319750469207,0.62842422758641,0.54839792611048,0.50630899636654,0.50383539116416,0.54107572533686,0.61654534427985,0.72723551244401,0.86873336212768,1.0353978205862,1.2205845018011,1.4169105971825,1.6165492048505,1.8115413635134,1.9941133511386,2.1569865987188,2.2936678638492,2.3987080958116,2.4679196720315,2.4985433453746");
so3.addVariable("y_min","0");
so3.addVariable("y_max","4");
so3.write("chart3");

var so4= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so4.addVariable("variables","true");
so4.addVariable("title","Line Charts 3,{font-size: 15px;}");
so4.addVariable("y_legend","Open Flash Chart,12,0x736AFF");
so4.addVariable("y_ticks","5,10,4");
so4.addVariable("line","2,0x9933CC,Page views,10");
so4.addVariable("line_dot_2","3,0xCC3399,Downloads,10,5");
so4.addVariable("line_hollow_3","2,0x80a033,Bounces,10,6");
so4.addVariable("values","15,18,19,14,17,18,15,18,17");
so4.addVariable("values_2","12,8,11,13,10,12,9,10,8");
so4.addVariable("values_3","5,5,5,4,1,6,1,5,1");
so4.addVariable("x_labels","January,,March,,May,,June,,August");
so4.addVariable("y_min","0");
so4.addVariable("y_max","20");
so4.write("chart4");


var so5= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so5.addVariable("variables","true");
so5.addVariable("title","Bar Charts 2,{font-size:15px; color: #800000}");
so5.addVariable("y_legend","Your legend here!,12,#736AFF");
so5.addVariable("y_ticks","5,10,2");
so5.addVariable("bar","50,#FF6215,First Bar,10");
so5.addVariable("bar_2","50,#EF3F66,Second Bar,10");
so5.addVariable("values","3,2,5,5,4,5,2,2,5");
so5.addVariable("values_2","4,3,2,3,2,3,3,2,3");
so5.addVariable("x_labels","Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep");
so5.addVariable("y_min","0");
so5.addVariable("y_max","6");
so5.write("chart5");

var so6= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so6.addVariable("variables","true");
so6.addVariable("title","Line Charts 4,{font-size:15px}");
so6.addVariable("x_label_style","10,#9933CC,1");
so6.addVariable("y_legend","Open Flash Chart,12,#736AFF");
so6.addVariable("y_ticks","5,10,4");
so6.addVariable("area_hollow","2,3,25,#CC3399");
so6.addVariable("values","0,0.37747172851062,0.73989485038644,1.0728206994506,1.3629765727091,1.598794871135,1.7708742633377,1.8723544869781,1.8991898457789,1.8503104986686,1.7276651109688,1.5361431672572,1.2833800430472,0.97945260646078,0.63647748529622,0.26812801531375,-0.1109108725124,-0.48552809385098,-0.84078884226022,-1.1625299927912,-1.4379247410851,-1.6559939675858,-1.8080439403901,-1.8880129069036,-1.8927127567881,-1.82195612186,-1.6785638458683,-1.4682525263564,-1.1994066119574,-0.88274414088613");
so6.addVariable("x_labels","0.00,0.38,0.74,1.07,1.36,1.60,1.77,1.87,1.90,1.85,1.73,1.54,1.28,0.98,0.64,0.27,-0.11,-0.49,-0.84,-1.16,-1.44,-1.66,-1.81,-1.89,-1.89,-1.82,-1.68,-1.47,-1.20,-0.88");
so6.addVariable("y_min","-2");
so6.addVariable("y_max","2");
so6.write("chart6");

var so7= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so7.addVariable("variables","true");
so7.addVariable("title","Bar Charts 3,{font-size:15px; color: #7E97A6}");
so7.addVariable("y_legend","Open Flash Chart,12,#7E97A6");
so7.addVariable("y_label_size","15");
so7.addVariable("y_ticks","5,10,6");
so7.addVariable("bar","70,#00974B,Page views,10");
so7.addVariable("values","9,6,7,-9,5,null,6,9,9");
so7.addVariable("x_labels","Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sept");
so7.addVariable("y_min","-10");
so7.addVariable("y_max","20");
so7.addVariable("bg_image","images/11.jpg");
so7.addVariable("bg_image_x","right");
so7.addVariable("bg_image_y","top");
so7.addVariable("bg_colour","#E2E6E0");
so7.addVariable("x_axis_colour","#818D9D");
so7.addVariable("x_grid_colour","#ADB5C7");
so7.addVariable("y_axis_colour","#818D9D");
so7.addVariable("y_grid_colour","#ADB5C7");
so7.write("chart7");

var so8= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so8.addVariable("variables","true");
so8.addVariable("title","Pie Charts,{font-size:15px; color:#000000}");
so8.addVariable("pie","60,#9933CC,#000000");
so8.addVariable("values","3,2,1,1,1,1,0.2");
so8.addVariable("X colours","#d01f3c,#356aa0,#C79810,#73880A,#D15600,#6BBA70");
so8.addVariable("colours","#d01f3c,#356aa0,#C79810");
so8.addVariable("links","javascript:alert('9'),javascript:alert('6'),javascript:alert('7'),javascript:alert('9'),javascript:alert('5'),javascript:alert('7'),javascript:alert('6'),javascript:alert('9'),javascript:alert('9')");
so8.addVariable("pie_labels","January,Feb,March,April,May,June,July,August,Sept");
so8.addVariable("tool_tip","#x_label#<br>Value: #val#%25");
so8.write("chart8");

var so9= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so9.addVariable("variables","true");
so9.addVariable("title","Bar Charts 4,{font-size:15px; color: #7E97A6}");
so9.addVariable("y_legend","Open Flash Chart,12,#7E97A6");
so9.addVariable("y_label_size","15");
so9.addVariable("y_ticks","5,10,10");
so9.addVariable("bar_glass","60,#00CC66,#335778,Page views,10");
so9.addVariable("values","9,6,7,-9,5,7,6,null,9");
so9.addVariable("x_labels","January,,March,,May,,June,,August");
so9.addVariable("y_min","-10");
so9.addVariable("y_max","10");
so9.addVariable("bg_colour","#E2E6E0");
so9.addVariable("x_axis_colour","#818D9D");
so9.addVariable("x_grid_colour","#ADB5C7");
so9.addVariable("y_axis_colour","#818D9D");
so9.addVariable("y_grid_colour","#ADB5C7");
so9.write("chart9");

var so10= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so10.addVariable("variables","true");
so10.addVariable("title","Bar Charts 5,{font-size:15px; color: #FFFFFF; margin: 5px; background-color: #505050; padding:5px; padding-left: 5px; padding-right: 5px;}");
so10.addVariable("y_legend","Open Flash Chart,12,#7E97A6");
so10.addVariable("y_label_size","15");
so10.addVariable("y_ticks","5,10,4");
so10.addVariable("bar_fade","80,#D54C78,Page views,10");
so10.addVariable("values","9,6,7,-9,5,7,6,null,9");
so10.addVariable("x_labels","Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep");
so10.addVariable("y_min","-10");
so10.addVariable("y_max","10");
so10.addVariable("bg_colour","#E2E6E0");
so10.addVariable("x_axis_colour","#818D9D");
so10.addVariable("x_grid_colour","#ADB5C7");
so10.addVariable("y_axis_colour","#818D9D");
so10.addVariable("y_grid_colour","#ADB5C7");
so10.write("chart10");

var so11= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so11.addVariable("variables","true");
so11.addVariable("title","Bar Charts 6,{font-size:15px; color: #FFFFFF; margin: 5px; background-color: #505050; padding:5px; padding-left: 5px; padding-right: 5px;}");
so11.addVariable("y_legend","Open Flash Chart,12,#7E97A6");
so11.addVariable("y_label_size","15");
so11.addVariable("y_ticks","5,10,4");
so11.addVariable("bar_3d","50,#008888,Page views,10");
so11.addVariable("values","6,6,7,2,5,7,6,null,6");
so11.addVariable("x_labels","Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep");
so11.addVariable("bg_colour","#E2E6E0");
so11.addVariable("x_axis_colour","#008888");
so11.addVariable("x_grid_colour","#ADB5C7");
so11.addVariable("y_axis_colour","#818D9D");
so11.addVariable("y_grid_colour","#ADB5C7");
so11.addVariable("x_ticks","10");
so11.addVariable("x_axis_3d","5");
so11.addVariable("y_max","12");
so11.write("chart11");

var so12= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so12.addVariable("variables","true");
so12.addVariable("title","Many data lines,{font-size:15px; color: #FFFFFF; margin: 5px; background-color: #505050; padding:5px; padding-left: 5px; padding-right: 5px;}");
so12.addVariable("y_legend","Open Flash Chart,12,#7E97A6");
so12.addVariable("y_label_size","15");
so12.addVariable("y_ticks","5,10,4");
so12.addVariable("filled_bar","50,#9933CC,#8010A0,Page views,10");
so12.addVariable("values","8,-8,4,3,4,9,-2,-4,2,1,7");
so12.addVariable("y_min","-10");
so12.addVariable("y_max","15");
so12.write("chart12");

var so12= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so12.addVariable("variables","true");
so12.addVariable("title","Candle Charts,{font-size:15px; color: #800000}");
so12.addVariable("y_legend","OYour legend here!,10,#736AFF");
so12.addVariable("y_ticks","5,10,7");
so12.addVariable("bars_width","0.9");
so12.addVariable("candle","60,3,#EE6013,Purple Bar,10");
so12.addVariable("values","[48,40,30,22],[38,30,25,20],[20,15,10,5],[50,45,30,25],[58,30,50,25],[62,33,45,28],[30,20,10,5]");
so12.addVariable("x_labels","Mon,Tue,Wed,Thur,Fri,Sat,Sun");
so12.addVariable("tool_tip","#x_legend#<br>High: #high#<br>Open: #open#<br>Close: #close#<br>Low: #low#");
so12.addVariable("y_min","0");
so12.addVariable("y_max","70");
so12.write("chart12");

var so13= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so13.addVariable("variables","true");
so13.addVariable("title","Bar Charts 7,{font-size:15px; color: #7E97A6}");
so13.addVariable("y_legend","OYour legend here!,12,#736AFF");
so12.addVariable("y_label_size","15");
so13.addVariable("y_ticks","5,10,4");
so13.addVariable("bar_zebra","60,#8FEF38,Page views,10");
so13.addVariable("values","9,6,7,9,5,7,6,9,9");
so13.addVariable("x_labels","January,,March,,May,,June,,August");
so13.addVariable("y_max","16");
so13.addVariable("x_axis_colour","#008888");
so13.addVariable("x_grid_colour","#ADB5C7");
so13.addVariable("y_axis_colour","#818D9D");
so13.addVariable("y_grid_colour","#ADB5C7");
so13.write("chart13");

var so14= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so14.addVariable("variables","true");
so14.addVariable("title","Scatter Charts,{font-size:15px; color: #7E97A6}");
so14.addVariable("y_legend","Time of day,12,#736AFF");
so14.addVariable("y_ticks","5,10,4");
so14.addVariable("scatter","3,#736AFF,Avg. wave height (cm),10,3");
so14.addVariable("values","[-5,-5,10],[2,0,5],[0,1,15],[0,-3,15],[4,5,15],[4,3,4][5,5,12][5,-5,9][-5,5,5],[6,2,15]");
so14.addVariable("x_labels","mon,tue,wed,thur,fri,sat,sun");
so14.addVariable("y_min","-6");
so14.addVariable("y_max","6");
so14.addVariable("bg_colour","#DFFFDF");
so14.addVariable("x_label_style","12,#9933CC");
so14.addVariable("y_label_style","12,#9933CC");
so14.addVariable("tool_tip","x:#x_label#<br>y:#val#");
so14.write("chart14");

var so15= new SWFObject("openflash/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
so15.addVariable("variables","true");
so15.addVariable("title","HLC Charts,{font-size:15px; color: #800000}");
so15.addVariable("y_legend","Your legend here!,12,#736AFF");
so15.addVariable("y_ticks","5,10,7");
so15.addVariable("bars_width","0.95");
so15.addVariable("hlc","50,2,#F50505,One,10");
so15.addVariable("values","[48,40,42],[30,28,28],[20,10,15],[50,30,35],[58,30,50],[62,33,45],[30,20,25]");
so15.addVariable("x_labels","Mon,Tue,Wed,Thur,Fri,Sat,Sun");
so15.addVariable("y_min","0");
so15.addVariable("y_max","70");
so15.addVariable("tool_tip","#x_label#<br>Close: #close#<br>High: #high#<br>Low: #low#");
so15.write("chart15");

</script>
</body></html>